<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf8" />
        <meta name="keywords" content="employee, department" />
        <meta name="description" content="homework for html/css" />
        <meta name="author" content="ssj" />
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/bootstrap.js"></script>
        <script type="text/javascript" src="/js/my.js"></script>
        <script type="text/javascript" src="/js/datepicker/WdatePicker.js"></script>
        <link href="/css/bootstrap.css" rel="stylesheet" />
        <link href="/css/my.css" rel="stylesheet" />
        <title> {% block title %} {% endblock %} </title>
    </head>

    <body>
        <div id="main">
        <div class="navbar">
            <div class="welcome">
                <p>亲，欢迎来到易买卖！</p>
            </div>
            <div class="toplist">
                <div id="topleft" style="display: {{ leftbar }} ">
                    <span>
                        <a href = '/login'>登录</a>
                    </span>
                    <span>
                        <a href = '/signup'>免费注册</a>
                    </span>
                </div>
                <div id="topright">
                    <div id="index"><a href = '/'>首页</a></div>
                    <div id="business" style="display: {{ rightbar }} ">
                        <a id="bs-trigger" onclick="slide()" > {%if user %} {{ user.name }}的账户{%endif%}</a>
			             <div id="bs-box" style="display: none;">
			             	    <ul>
			             	    	<li><a href="/account">我的买卖</a></li>
			             	    	<li><a href="/logout">登出</a></li>
			             	    </ul>
			              </div>
                     </div>
                </div>
            </div>
        </div>

        <div class="searchbox"> 
            {% block searchbox %} {% endblock %}
        </div>

        <!-- start content -->
        <div class="content">
            {% block content %} {% endblock %}
        </div> 

        <div id="footer">
	    	<div class="middle">
	    		<ul id="footer-nav">
	    			<li><a href="http://www.163.com">网易</a></li>
	    			<li><a href="http://mail.163.com">网易邮箱</a></li>
	    			<li><a href="http://www.youdao.com">网易有道</a></li>
	    			<li><a href="http://love.163.com">花田 </a></li>
	    			<li><a href="http://gift.163.com">网易游戏周边商城 </a></li>
                    <li>© 2013 网易公司 版权所有</li>
	    		</ul>
	    	</div>
	    </div>
        <!-- end content -->
    </div>
    </body>
</html>
